<template>
  <div style="margin: 20px;">
    <JSelectPro 
        :dataSource="accTypeList"
        :fields="commonFields"
        v-model="formParams.zhlb"
        :showDropDownIcon="true"/>
  </div>
</template>

<script>
import JSelectPro from './JSelectPro.vue';
export default {
  components: { JSelectPro },
  data: () => {
    return {
      formParams: {},
      accTypeList: [
        {
          "ELE_ID": "02361A97-91C5-483E-B05A-BF87D5D70432",
          "ELE_CODE": "001",
          "ELE_NAME": "中国人民银行",
          "MOF_DIV_CODE": "660000000",
          "PARENT_ID": "0",
          "LEVEL_NO": 1,
          "IS_LEAF": 1,
          "START_DATE": "2016-06-02",
          "END_DATE": "9998-12-31",
          "IS_ENABLED": 1,
          "ISENABLED": 1,
          "UPDATETIME": "2021-09-17 02:48:46",
          "ISDELETED": 2,
          "ISSTANDARD": 1,
          "CREATETIME": "2021-09-17 02:48:46",
          "ITEMID": 2,
          "BIZ_KEY": "660000000-2",
          "ELEMENTCODE": "",
          "EXTENDFIELDVALUES": [
            {
              "value": "0",
              "key": "ELE_CATALOG_ID"
            }
          ],
          "CODENAME": "001-中国人民银行"
        },
        {
          "ELE_ID": "C48DD268-0D05-4FF7-A512-174B98A3FAC7",
          "ELE_CODE": "04",
          "ELE_NAME": "信用联社",
          "MOF_DIV_CODE": "660000000",
          "PARENT_ID": "0",
          "LEVEL_NO": 1,
          "IS_LEAF": 1,
          "START_DATE": "2016-06-02",
          "END_DATE": "9998-12-31",
          "IS_ENABLED": 1,
          "ISENABLED": 1,
          "UPDATETIME": "2021-09-17 02:48:46",
          "ISDELETED": 2,
          "ISSTANDARD": 1,
          "CREATETIME": "2021-09-17 02:48:46",
          "ITEMID": 9,
          "BIZ_KEY": "660000000-9",
          "ELEMENTCODE": "",
          "EXTENDFIELDVALUES": [
            {
              "value": "0",
              "key": "ELE_CATALOG_ID"
            }
          ],
          "CODENAME": "04-信用联社"
        },
        {
          "ELE_ID": "A6489E06-6D09-4CDD-8012-EE6D369B9037",
          "ELE_CODE": "102",
          "ELE_NAME": "中国工商银行",
          "MOF_DIV_CODE": "660000000",
          "PARENT_ID": "0",
          "LEVEL_NO": 1,
          "IS_LEAF": 1,
          "START_DATE": "2016-06-02",
          "END_DATE": "9998-12-31",
          "IS_ENABLED": 1,
          "ISENABLED": 1,
          "UPDATETIME": "2021-09-17 02:48:46",
          "ISDELETED": 2,
          "ISSTANDARD": 1,
          "CREATETIME": "2021-09-17 02:48:46",
          "ITEMID": 3,
          "BIZ_KEY": "660000000-3",
          "ELEMENTCODE": "",
          "EXTENDFIELDVALUES": [
            {
              "value": "0",
              "key": "ELE_CATALOG_ID"
            }
          ],
          "CODENAME": "102-中国工商银行"
        },
      ],
      commonFields: { value: 'ITEMID', text: 'ELE_NAME' }
    }
  },
  methods: {
    selectChange(val) {
      // console.log(val);
    },
  },
}
</script>

<style></style>